<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>账户安全设置</title>
    <meta name="keywords" content="SEO内容，关键词" />
    <meta name="description" content="SEO内容，页面描述" />
    <link href="../../css/member/reset.css" rel="stylesheet">	
    <link href="../../css/common.css" rel="stylesheet">
    <link href="../../css/member/passwords.css" rel="stylesheet" />
</head>

<body>
<!--账户安全设置-->
<div class="safe-info">
  <h3>账户安全设置</h3>
  <ul class="safe-info-list clearfix">
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-password icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">登录密码</span><span class="state">安全度：中等</span></p>
        <p>互联网账号存在被盗风险，建议您定期更改密码以保护账户安全。</p>
        <p class="red">您的账号未绑定邮箱或手机，无法使用修改密码功能，请绑定后再试！</p>
      </div>
      <div class="safebtn"><a href="#" class="btn btn-gray">修改密码</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-user-gray icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">密保问题</span><span class="state">状态：未设置</span></p>
        <p>是您找回登录密码的方式之一，有效保障您的密码安全。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn btn-yellow">设置密保</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-user icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">密保问题</span><span class="state stategreen">状态：已设置</span></p>
        <p>是您找回登录密码的方式之一，有效保障您的密码安全。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn">修改密保</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-email-gray icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">邮箱认证</span><span class="state">状态：未绑定</span></p>
        <p>邮箱将是您的有效身份证，在保证安全的同时还可以提供更多服务。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn btn-yellow">绑定邮箱</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-email icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">邮箱认证</span><span class="state stategreen">状态：已绑定 zhangsan001@163.com</span></p>
        <p>邮箱将是您的有效身份证，在保证安全的同时还可以提供更多服务。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn">修改邮箱</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-mobile-gray icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">手机认证</span><span class="state">状态：未绑定</span></p>
        <p>手机将是您的有效身份证，在保证安全的同时还可以提供更多服务。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn btn-yellow">绑定手机</a></div>
    </li>
    <li class="item">
      <div class="mark"><i class="user-icon icon-64-mobile icon-64"></i></div>
      <div class="trouble">
        <p><span class="name f-16">手机认证</span><span class="state stategreen">状态：已绑定：138****9859</span></p>
        <p>手机将是您的有效身份证，在保证安全的同时还可以提供更多服务。</p>
      </div>
      <div class="safebtn"><a href="#" class="btn">修改手机</a></div>
    </li>
  </ul>
</div>
</body>
</html>
